<template>
  <div class="desing-concept">
    <img class="dc-img" :src="dcImg">
    <div class="dc-text" v-html="content" />
  </div>
</template>
<script>
import dcImg from '@/assets/designConcept.png'
export default {
  name: 'DesingConcept',
  components: {
  },
  props: {
    text: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      dcImg
    }
  },
  computed: {
    content() {
      return this.text || '空间每一个细节都精心打磨，每一个元素都精准拿捏；以独特的巧思和灵活的设计，营造出一种高级的舒适感，家的静逸与幸福感足以驱走一天的疲惫。'
    }
  },
  methods: {
  }
}
</script>
<style lang="less" scoped>
.desing-concept{
  background-color: #FAFAFA;
  padding: 10px;
  .dc-img{
    width: 175px;
    height: 23px;
  }
  .dc-text{
    color: #333;
    font-size: 14px;
    line-height: 28px;
    padding-top: 10px;
  }
}
</style>
